/*
* @Author: cj
* @Date:   2022-06-21 16:31:43
* @Last Modified by:   cj
* @Last Modified time: 2022-06-21 16:31:43
*/

/*三色图标定位*/
.portlet-header{position: relative;}
.portlet-header .dn{left: 0 !important;top: 0 !important;}

/* 图片自适应 */
img { width: auto\9; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; object-fit: cover; }

/* 去除苹果手机默认按钮样式 */
input[type='button'], input[type='submit'], input[type='reset'], textarea { resize: none; -webkit-appearance: none; }

/* 初始化 */
html, body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, span, i, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,strong { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "微软雅黑", Arial; margin: 0; padding: 0; color: #333;font-size:16px; border: none; -webkit-overflow-scrolling: touch; }
html, body { min-width: 320px; max-width: 1920px; margin: 0 auto; overflow-x: hidden; width: 100%; }
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-size: 1.4rem; position: relative; overflow-x: hidden; color: #333; background-color: #fff; }
input, button, select, textarea { outline: none; }
em, i { font-style: normal; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; }
.clearfix { zoom: 1; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
ul, ol, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { border: none; max-width: 100%;/* max-height: 100%;*/ }
.fl { float: left; }
.fr { float: right; }

.container { width: 1200px; margin: 0 auto; }
.over { overflow: hidden; }
.css3guodu { -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.bank_page { position: relative; }

/* 头部 图片*/
.wrap_top{width: 100%;height: 550px;}
.wrap_top>img{width: 100%;height: 100%;/* height: 350px; */}
select::-ms-expand { display:none;}
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none;background-color:#fff; }
.sj-top{display: none;}
.pc-top{display: block;}
.top{ background:#EBECF0; width:100%;}
.top a{ float:right;font-size:14px; color:#363636; line-height:30px; margin-left:35px;}
.top a:hover{ color:#363636;}
.top a>img{width: 19px;margin-right: 14px;margin-top: -2px;}

/*index.html*/
.pc-nav{position:relative;z-index: 100;background: white;}
.head-nav{position:relative;}
.head-nav .logo{ float:left; padding-left:10px; width:27%;padding-top: 3px;}
.nav{ float:right; width:65%;}
.nav ul{ width:100%; float: right;margin-bottom: 0px;}
.nav ul li{width:11.6%; float:left;}
.nav>ul>li{position: relative;display: inline-block;z-index: 99;}
ul>li>a>i{margin:0 2px;}
.head-nav .nav>ul .nav-active{color: #004890; border-bottom: 2px solid #004890;}
.nav ul li .nav{font-size:16px; color:#333333;height:82px; line-height:82px; text-align:center;box-sizing: border-box; display:block; cursor:pointer; width:100%; position:relative;}
.nav ul li .nav:hover{color: #004890;}
.heng{display: none;position: absolute;width: 60px;height: 3px;top:70px;left: 50%;border-radius: 3px;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.nav .nav-select{display: none;width: 178px;box-shadow: 0px 2px 12px 1px rgba(224,224,224,0.16);background-color: #fff;position: absolute;top: 78px;left:50%;z-index: 99999;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.nav>ul>li:hover>.nav-select{display: block;}
.nav>ul>li:hover>.heng{display: none !important;}
.nav .nav-select>ul{width: 100%;}
.nav .nav-select>ul>li{display: block;float: none;width: 100%;}
.nav .nav-select a{width: 100%;height: 50px;line-height: 50px;text-align: center;display: inline-block;font-size: 16px;color: #363636;}
.nav .nav-select a:hover{background-color: #f8f8f7;color: #004890;}


/*底部导航*/
footer {background:#535353;width:100%;}
.footer_content {overflow:hidden;width:100%;}
.foot-pilot {width:80%;margin:30px 0 80px;float:left;overflow:hidden;}
.foot-pilot>div {color:#ffffff;font-size:18px;text-align:center;overflow:hidden;margin-top:34px;}
.adders {float:left;width:20%;}
.adders_text {width:70%;float:left;text-align:left;margin-left:20px;}
.adders_text1 {font-size:16px;color:#DCDCDC;}
.adders_text2 {font-size:18px;margin-top:16px;color:#ffffff;}
.ts{margin-left: 130px;margin-top: 26px;}
.er {width:20%;float:left;text-align:center;}
.ers {margin-top:27%;}
.ers>div {color:white;margin-top:10px;}
.ers>img {width:50%;height:50%;}
.footer_foot {width:100%;background:#333333;font-size:14px;padding:25px 0 31px;}
.foot-name>span {margin:15px;}
.footer_foot>div {color:white;text-align:center;}
.footer_foot>div>a>span,.foot_text>a {color:white;}
.foot_text {line-height:50px;}
.footer_foot span,.footer_foot a {font-size: 14px;}














/*新站点样式开始*/

input::placeholder, textarea::placeholder {color: #999999; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999999; /* Chrome/Opera/Safari */}
input:-moz-placeholder, textarea:-moz-placeholder {  /* Firefox 18- */color: #999999;}
input::-moz-placeholder, textarea::-moz-placeholder {  /* Firefox 19+ */color: #999999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {  /* IE 10+ */color: #999999;}
.none {display: none;}
.comwidth {width: 1200px;margin: 0 auto;overflow: hidden;}
.wrap-box {width: 100%;max-width: 1920px;overflow-x: hidden;margin: 0 auto;}


/*公用头部*/
.header-top {border-bottom: 1px solid #e8eaef;}
.header-top>.comwidth{display: flex;justify-content: space-between;align-items: center;padding: 12px 0;}
.header-top .logo img{ width:305px;}
.header-box .pMenu {display: none;}
.header-box .pMenu img {width: 100%;}
.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {background: #00428e !important;}
.hc-offcanvas-nav li.nav-back a,
.hc-offcanvas-nav li.nav-close a {border-bottom: 1px solid #2e64a2 !important;border-top: 1px solid #2e64a2 !important;background: #00428e !important;}
.hc-offcanvas-nav .nav-item,
.hc-offcanvas-nav a {border-bottom: 1px solid #2e64a2 !important;}

/*导航*/
.nav-box {position: relative;}
.nav-box>.comwidth {display: flex;justify-content: space-between;align-items: center;}
.nav-box .nav2 {display: flex;justify-content: space-between;height: 52px;line-height: 52px;width: 700px;}
.nav-box .nav2 li {margin-right: 25px;}
.nav-box .nav2>li>a {font-size: 16px;color: #000000;position: relative;display: block;padding: 0 24px;}
.nav-box .nav2>li.active>a::after,
.nav-box .nav2>li>a:hover::after {content: "";position: absolute;width: 100%;height: 3px;background: #1f4d9d;left: 0;top: -2px;}
.nav-box .nav2>li:hover>a,
.nav-box .nav2>li.active>a{color:#1f4d9d;}
.nav-box .sub-nav {display: none;position: absolute;width: 1200px;height: 100px;padding-top: 25px;box-sizing: border-box;z-index: 10;left: 50%;margin-left: -600px;}
.nav-box .nav2>li:hover .sub-nav {display: block;}
.nav-box .sub-nav ul li {float: left;color: #ffffff;margin-right: 60px;position:relative;padding-left: 20px;}
.nav-box .sub-nav li::before {content: "";position: absolute;width: 4px;height: 4px;background: #e5e8ed;border-radius: 100%;left: 0;top: 50%;margin-top: -2px;}
.nav-box .sub-nav li a {color: #e5e8ed;}
.nav-box .sub-nav li:hover a,
.nav-box .sub-nav li.active a{color:#064a97;}
.nav-box .sub-nav li:hover::before {background: #064a97;}
.nav-box .bg {display: none;width: 100%;height: 120px;background: #81a4db;position: absolute;top: 52px;z-index: 9;}
/*搜索*/
.search-box {width: 271px;height: 32px;background: #eeeeee;border-radius: 8px;overflow: hidden;}
.search-box form,
.search-box input {height: 100%;background: transparent;}
.search-box .txt {width: 225px;background: #eee;padding-left: 20px;box-sizing: border-box;font-size: 16px;}
.search-box .btn {width: 30px;background: url(/zhszfm/uiFramework/commonResource/zip/szfm_images/sousuo.png) no-repeat 10px center;}


/*轮播公用样式*/
.wrap-box .swiper-slide {overflow: hidden;}
.wrap-box .swiper-slide .img img {width: 100%;height: 100%;transition: all .5s;}
.wrap-box .swiper-slide:hover .img img {transform: scale(1.1);}

/*栏目标题公用样式*/
.wrap-box .column-title {text-align:center;font-size: 30px;margin-bottom: 30px;}
.wrap-box .column-title .line {display: inline-block;width: 32px;height: 2px;background: #1f4d9d;}
.wrap-box .column-title h3 {margin-bottom: 0;margin-top: 6px;font-weight: bold;letter-spacing: 2px;color: #1f4d9d;}
.wrap-box .column-title h4 {font-size: 36px;color:#cedbef;letter-spacing: 1px;}


/*公用底部*/
.footer {height: 405px;background: #e5e8ed;box-sizing: border-box;}
.footer .footer-left {padding-top: 30px;width: 500px;padding-left: 20px;}
.footer .footer-left .logo {width: 305px;}
.footer .footer-left h3 {font-size:16px;color:#000000;margin-top: 50px;margin-bottom: 10px;}
.footer .footer-left p {font-size: 14px;line-height: 36px;}
.footer .footer-left p img {margin-right: 8px;}
.footer .logo {margin-bottom: 35px;}
.footer .left-bottom {border-top: 1px solid #3c3c3c;padding-top: 35px;box-sizing: border-box;}
.footer .left-bottom p {margin-bottom: 20px;}
.footer .footer-right {width: 670px;padding-top: 42px;display: flex;justify-content: space-between;}
.footer .nav-list {float: left;}
.footer .nav-list .tit {font-size: 18px;font-weight: bold;margin-bottom: 25px;}
.footer .nav-list li {margin-bottom: 20px;}
.footer .nav-list li a {font-size:14px;color:#666666;}
.footer a:hover {color: #719ccdde;}
.footer .nav-list .mt20 {margin-top: 30px;}
.footer-bottom {height: 48px;line-height: 48px;background: #1f4d9d;text-align: center;color: #e1ebfc;}
.footer-bottom a ,.footer-bottom span {color: #e1ebfc;margin: 0 15px;}
.footer-bottom i{font-style: normal;color: #e1ebfc;}


/*新站点样式结束*/






@media screen and (max-width:1280px ) {
.container {max-width:1200px;max-height:100%;}
.header {position:relative;height:50px;background:#fff;}
.pc-top {display:block;}
#search-form.open {border:1px solid #0091f7;}
fieldset {padding:0;border:0;margin:0;}
#toggle-search {position:absolute;z-index:9999;font-size:24px;color:rgba(0,181,255,1);right:70px;top:10px;background:0;border:0;}
#toggle-search.open:after {top:50px;}
#search-form {z-index:99999;-moz-transition:max-height,0.5s;-o-transition:max-height,0.5s;-webkit-transition:max-height,0.5s;transition:max-height,0.5s;position:absolute;top:50px;left:0;width:100%;max-height:0;overflow:hidden;background-color:#fff;}
#search-form.open {max-height:45px;}
#search-form input {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:45px;}
#search-form input[type="search"] {width:100%;padding:0 5px 0 10px;background:transparent;border:none;}
#search-form input[type="submit"] {position:absolute;bottom:0;right:0;width:50px;margin:0;padding:0;font-weight:700;text-transform:uppercase;color:#fff;font-size:14px;background:#c6cacd;border:none;cursor:pointer;}
.sj-top .sj-qh {background:#f4f4f4;padding:0 15px;color:rgba(0,181,255,1);}
.sj-top .sj-qh a {display:block;float:right;font-size:14px;color:#0091f7;line-height:38px;margin-left:35px}
.adders_text1 {font-size:13px;color:white;}
.adders_text2 {font-size:14px;margin-top:16px;color:white;}
}
@media ( max-width:1000px) {
.sj-top {display:block;}
.pc-top {display:none;}
/****手机导航****/
.header {position:relative;height:50px;background:#fff;}
.header .logo {display:block;width:165px;height:30px;padding-top:2px;padding-left:5px;}
.header .logo img {display:block;width:100%;}
.sj-top {width:100%;background:#fff;display:block;z-index:99909909;position:relative;}
.header.active {position:fixed;left:0;width:100%;background:#fff;top:0;z-index:99909909;-moz-box-shadow:0px 3px 7px rgba(199,0,11,.32);-webkit-box-shadow:0px 3px 7px rgba(193,193,193,0.32);box-shadow:0px 3px 7px rgba(193,193,193,0.32)}
.pc-top {display:none;}
#search-form.open {border:1px solid #0091f7;}
fieldset {padding:0;border:0;margin:0;}
#toggle-search {position:absolute;z-index:9999;font-size:24px;color:rgba(0,181,255,1);right:70px;top:10px;background:0;border:0;}
#toggle-search.open:after {top:50px;}
#search-form {z-index:99999;-moz-transition:max-height,0.5s;-o-transition:max-height,0.5s;-webkit-transition:max-height,0.5s;transition:max-height,0.5s;position:absolute;top:50px;left:0;width:100%;max-height:0;overflow:hidden;background-color:#fff;}
#search-form.open {max-height:45px;}
#search-form input {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:45px;}
#search-form input[type="search"] {width:100%;padding:0 5px 0 10px;background:transparent;border:none;}
#search-form input[type="submit"] {position:absolute;bottom:0;right:0;width:50px;margin:0;padding:0;font-weight:700;text-transform:uppercase;color:#fff;font-size:14px;background:#c6cacd;border:none;cursor:pointer;}
.sj-top .sj-qh {background:#f4f4f4;padding:0 15px;color:rgba(0,181,255,1);}
.sj-top .sj-qh a {display:block;float:right;font-size:14px;color:#0091f7;line-height:38px;margin-left:35px}
.k-right>div:last-child {margin-right:15px;}
.kwpro {height:330px;margin-top:60px;}
.pc-com {display:none;}
.sj-com {display:block;}
.sj-com .in-left {width:100%;padding-top:63px;display:inline-block;}
.sj-com .in-left>img {width:100%;}
.sj-com .com-content {max-width:100% !important;height:150px;display:inline-block;overflow:hidden;}
.sj-com .k-left .sj-comtitle {font-size:36px;color:#363636;}
.sj-com .k-right>div {margin-top:44px;}
.kw-info {height:724px;}
footer {padding-top:20px;}
.foot {border-right:none;height:100px;padding-left:33%;}
.foot-fo {margin-top:-25px;}
.qq {margin-top:10px;}
footer .foot-g {padding-left:0px;}
footer .ss {margin:auto;}
.adders_text1 {font-size:13px;color:white;}
.adders_text2 {font-size:14px;margin-top:16px;color:white;}
.ers {margin-top:70%;}
/* foot */
.footer_foot {font-size:12px;}
.foot_text {line-height:30px;}
.foot-pilot {width:63%;}
.foot-pilot>div {padding:0;margin-top:28px;}
.adders {margin-left:2%;width:15%;}
.adders>img {width:100%;}
.adders_text {width:70%;margin-left:10px;}
.adders_text2 {margin-top:7px;font-size:12px;}
.er {width:20%;}
.ers {margin-left:-6px}
.ers>img {width:100%;height:100%;}
.carousel-indicators {margin-bottom:5px;}
}
@media (max-width:1080px) {
.container {
    width:auto;
}
.carousel-indicators {margin-bottom:20px;}
.sj-top {display:block;}
.pc-top {display:none;}
/* 头部 */
.rslides img {margin-top:80px;}
.header {top:0;position:fixed;height:72px;background:white;left:0;width:100%;z-index:100;}
#toggle-search {top:26px;}
.logo>img {width:17%;margin:2%;}
.ers {margin-top:15%;}
#search-form.open {margin-top:2.5%;}
.dl-menuwrapper ul {margin-top:-4%;}
.pcsou {height:33px;padding:0 10px;margin-top:0;border:1px solid #333333;border-radius:17px;width:25%;right:10%;position:absolute;overflow:hidden;z-index:100;}
input::placeholder {color:#333333;}
.pc-top {display:none;}
.sj-top {display:block;}
.dl-submenu {display:none;position:fixed;left:0;width:100%;}
.dl-menuwrapper .dl-menu .dl-submenu>li {width:100%;height:35px;line-height:35px;background:#fff;text-align:center;border-top:none;border-bottom:1px solid #00963F;}
.dl-menuwrapper .dl-submenu>li>a {font-size:16px;border:none;}
footer {width:100%;height:100%;}
.foot-pilot {margin-top:0;width:63%;margin-bottom:3%;}
}






@media (max-width:768px) {

    .comwidth {width: 94%;}
    .nav-box {display: none;}
    .search-box {display: none;}
    .wrap-box .column-title {font-size: 20px;margin-bottom: 20px;text-align: center;}
    .wrap-box .column-title h4 {font-size: 20px;}
    .header-box {position: relative;}
    .wrap-box .logo {width: 70%;}
    .wrap-box .logo img {width: 100%;}
    .header-box .en {display:none;}
    .header-box .pMenu {position: absolute;display: block;top: 10px;right: 20px;width: 35px;}

    .hc-offcanvas-nav a[href]:not([href="#"]) > span.nav-next {border-left:0!important;}
    /*公用底部*/
    .footer {height: auto;}
    .footer .logo>img {width:100%;margin:0;}
    .footer .footer-left {padding-top: 30px;width: 100%;padding-left: 0;float: none;}
    .footer .footer-left h3 {font-size:16px;color:#000000;margin-top: 10px;margin-bottom: 10px;}
    .footer .footer-left p {font-size: 14px;line-height: 36px;}
    .footer .footer-left p img {margin-right: 8px;}
    .footer .logo {margin-bottom: 15px;}
    
    .footer .footer-right {display: none;}
    .footer .nav-list {display: none;}
    .footer-bottom {height: auto;line-height: 1.5;background: #1f4d9d;text-align: center;color: #e1ebfc;padding: 14px 2%;}
    .footer-bottom a ,.footer-bottom span {color: #e1ebfc;margin: 0 5px;font-size: 14px;}
    .footer-bottom span {display: block;margin-top: 10px;}
    .footer-bottom i{display: none;}

    /*banner*/

    .banner {height: 200px;}
    .swiper1 .swiper-slide a {padding-top: 25px;}
    .swiper1 .swiper-slide .current {float: left;font-size: 32px;line-height: 32px;color: #ffffff;margin-top: 30px;margin-right: 10px;margin-left: 5px;}
    .swiper1 .swiper-slide .title {font-size: 24px;margin-bottom: 20px;margin-left: 20px;}
    .swiper1 .swiper-slide h4 {font-size: 16px;margin-left: 18px;}
    .swiper1 .swiper-slide h4 span {display: inline-block;width: 40px;margin-right: 18px;bottom: 6px;}


}



@media (max-width:640px) {
.new_block {height: auto !important;}
.sj-top {display:block;}
.pc-top {display:none;}
.header .logo>img {width:130%;margin:8%;}
.container {margin:0;padding:0;}
.carousel {height:300px !important;}
.item {height:300px;width:100%;}
.carousel-inner>.item>img,.carousel-inner>.item>a>img {height:300px;}
.carousel-indicators {margin-bottom:0;margin-left:-15%;width:120px;height:20px;line-height:20px;}
/* top_img */
.wrap_top {width:100%;height:300px;}
/* foot */
.footer_foot {font-size:12px;}
.foot-pilot {width:49%;margin-left:17px;}
.foot-pilot>div {padding:0;/* padding:0 12%;*/margin-top:10px;}
.adders {margin-left:2%;width:15%;}
.adders>img {width:100%;}
.adders_text {width:70%;margin-left:10px;}
.adders_text2 {margin-top:5px;font-size:12px;}
.er {width:21%;/* margin-bottom:17px;*/margin-left:36px;margin-top:27px;}
.ers {margin-left:-6px}
.ers>img {width:100%;height:100%;}
}

/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;		
	position: absolute;
	top:18px;
	right:0px;
	padding-top: 68px;
	z-index: 99;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	border: none;
	width: 50px;
	height: 50px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background:url(/zhszfm/uiFramework/commonResource/image/2022062216132456917.png) no-repeat center center;
	background-size: 50%;
}

.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	/*background-color:#155EAC;*/
}

.dl-menuwrapper ul {
	background:#fff;
	-moz-box-shadow: 0px 3px 5px rgba(19,75,184,.44);
    -webkit-box-shadow: 0px 3px 5px rgba(19,75,184,.44);
    box-shadow: 0px 3px 5px rgba(19,75,184,.44);

}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a img{ margin-left:15px;}
.dl-menuwrapper li a {	
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color:#333333;
	border-top: 1px solid #ffffff;
	outline: none;
	text-align: center;
}
.dl-menuwrapper li .hidee{
	display: none;
}
.dl-menuwrapper li .showw{
	display: block;
}